<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title></title>
    <meta name="keywords" content="智辉CRM">
    <meta name="description" content="智辉CRM">
    <link rel="Bookmark" href="favicon.ico">
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]> 
    <script type="text/javascript" src="Lib/html5.js"></script>
    <script type="text/javascript" src="Lib/respond.min.js"></script>
    <script type="text/javascript" src="Lib/PIE_IE678.js"></script>
    <![endif]-->
    <link href="__PUBLIC__/css/H-ui.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" />
    <!--自己的样式-->
    <link href="Tpl/Assistant/common/expense/expense_add.css" rel="stylesheet" type="text/css">
    <!--[if IE 6]> 
    <script type="text/javascript" src="Lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('.pngfix,.icon');</script> 
    <![endif]-->
</head>

<body>
    
    
    <!--导航-->
    <div id="nav">
        <div class="navbox">
            <ul>
                <a href=""><li class="active"><i class="Hui-iconfont">&#xe6b6;</i>添加缴费项目</li></a>
                <a href="{:U('Account/lst',array('room_id'=>$v['id']))}"><li class=""><i class="Hui-iconfont">&#xe6e0;</i>账单列表</li></a>
            </ul>
                
        </div>
    </div>
    
    <!--内容-->
    <div class="row pad">
        <div class="col-12"><span style="font-size:16px;">房间列表</span>
   
            <form method="post" action="{:U('payTime')}">
                <input type="hidden" value="Assistant" name="id"/>
                <span>设置小区物业费时间</span>
                <span style="margin-left: 20px">选择小区：</span><select name="community_id" id="">
                <option value="">选择设置的小区</option>
                <volist name='communityData' id='v'>
                    <option value="{$v.id}">{$v.name}</option>
                </volist>
            </select>
                <span style="margin-left: 10px">开始时间</span>
                <input type="text" value=""size="11"  name="expense_start_time"/>
                <span style="margin-left: 10px">结束时间</span>
                <input type="text" value="" size="11" name="expense_end_time"/>
                <span style="margin-left: 10px">截止时间</span>
                <input type="text" value=""size="11"  name="expense_close_time"/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="javascript:to4('{:U('chooseExcel')}');" style="margin-left: 10px;width: 50px" class="f-r btn btn-primary-outline radius btn_h">Excel</a>
                <input type="submit"  class="f-r btn btn-primary-outline radius btn_h"  value="确认">
            </form>
        
        </div>
        <div class="col-12"><span style="font-size:12px;color:grey">选择房间之后，进行费用设置。</span></div>
    </div>
    <form method="GET" action="" id="communication">
        <input type="hidden" value="Assistant" name="m"/>
        <input type="hidden" value="Expense" name="c"/>
        <input type="hidden" value="add" name="a"/>
        <select name="community_id" id="" class="xiaoqu">
            <option selected="true" value="">选择小区</option>
        </select>
        <select name="zone_id" id="" class="quyu">
            <option selected="true" value="">选择园区</option>
        </select>
        <select name="building_id" id="" class="louhao">
            <option selected="true" value="">选择楼号</option>
        </select>
        <select name="unit_id" id="" class="danyuan">
            <option selected="true" value="">选择单元</option>
        </select>
        <select name="room_id" id="" class="fangjian">
            <option selected="true" value="">选择房间</option>
        </select>
        <input type="submit"  class="f-r btn btn-primary-outline radius btn_h"  value="搜索">
        <input type="text" value="{$Think.post.key}" name="key" placeholder="输入姓名、手机号搜索"  class="f-r text_h input-text">
    </form>
    <div class="xian"></div>
    <table class="table table-border table-bordered table-bg" id="pay">
        <thead>
            <tr>
                <th>房间</th>
                <th>当前户主</th>
                <th>户主手机</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
        <volist name='data' id='v'>
            <tr>
                <td>{$v['full_parent_name']}{$v['name']}号</td>
                <td>{$v['householder_name']}</td>
                <td>{$v['householder_mobi']}</td>
                <td><span class="tian"><a href="javascript:to('{:U('Expense/adding',array('room_id'=>$v['id']))}');">添加缴费项目</a></span></td>
                <!-- <td><a href="javascript:to('{:U('Expense/adding',array('room_id'=>$v['id']))}');"><input type="button" class="btn btn-secondary-outline radius" value="添加缴费项目"></a></td> -->
            </tr>
        </volist>
        </tbody>
    </table>
    <input type="hidden" id="idd" name="id" value="{$Think.session.authId}"/>
    <div style="text-align: center;margin-top: 30px;">{$page}</div>
    
    <script type="text/javascript" src="__PUBLIC__/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/H-ui.js"></script>
    
    <script src="__PUBLIC__/lib/layer/2.1/layer.js"></script>
    <!-- <script src="Tpl/Assistant/common/expense/layerui.js"></script> -->
    <script src="Tpl/Assistant/common/expense/liandong.js"></script>

    <!--时间插件-->
    <script type="text/javascript" src="__PUBLIC__/datepicker/jquery-ui-1.9.2.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/datepicker/jquery-ui-1.9.2.custom.min.css" />
    <script>

        $( "input[name='expense_start_time']" ).datepicker({dateFormat: "yy-mm-dd"});
        $( "input[name='expense_close_time']" ).datepicker({dateFormat: "yy-mm-dd"});
        $( "input[name='expense_end_time']" ).datepicker({dateFormat: "yy-mm-dd"});

        // 全局
		var info={
			xiaoquId:0,
			quyuId:0,
			louhaoId:0,
			danyuanId:0
		};
		$(function(){
			work.init();
		});


        function to(url){
    layer.open({
        type: 2,
        title: '',
//        fix:false,
        area: ['980px', '523px'],
        content: url
    });

}

function to2(url){
    layer.open({
        type: 2,
        title: '缴费项目详情',
//        fix:false,
        area: ['400px', '480px'],
        content: url
    });

}

function to3(url){
    layer.open({
        type: 2,
        title: '',
//        fix:false,
        area: ['400px', '483px'],
        content: url
    });

}

function to4(url){
    layer.open({
        type: 2,
        title: '生成Excel',
//        fix:false,
        area: ['400px', '400px'],
        content: url
    });

}
    </script>

</body>

</html>

